<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
       div{
          white-space: nowrap;
       }
    </style>
</head>
<body>
    <div>
        你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好

        帅呀

        假的~
    </div>
    <pre>
            你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好你好

            帅呀

            假的~
    </pre>
</body>
</html>
<!-- 
    white-space和br谁厉害？
        - white-space表示强制性的在一行显示，但是遇到br就进行折行
    
    属性值
        - nowrap  不折行 ！！！

        拓展:周考可能会考
        - pre  保留空格不会进行换行
        - pre-line 合并/删除空格，保留换行
        - pre-wrap 保留空格并且换行 

    拓展html标签:pre 格式化标签:在pre标签内如何书写文本的(空格和换行),pre显示一样
 -->